.ct-icon {
  --ct-icon-color: inherit;
  display: inline-flex;
  justify-content: center;
  align-self: center;
  fill: currentColor;
  position: relative;
  color: var(--ct-icon-color);
  font-size: inherit;
}

@each $var in danger, primary, success, info, warning, error {
  .ct-color--#{$var} {
    --ct-icon-color: var(--ct-color-#{$var});
  }
}
